<%@ page language="java" pageEncoding="UTF-8"%>
<div class="modal-body">
	<form id="user-form" name="user-form" class="form-horizontal">
		<input type="hidden" name="id" id="knowledgeId"> <input
			type="hidden" name="createTime" data-flag="date"
			data-format="yyyy-MM-dd HH:mm:ss"> <input type="hidden"
			name="deleted">
		<div class="box-body">
			<div class="col-md-12">
				<div class="form-group">
					<label for="title" class="col-sm-2 control-label">标题</label>
					<div class="col-sm-10">
						<input type="text" class="form-control" id="title" name="title"
							placeholder="标题">
					</div>
				</div>
				<div class="form-group">
					<label for="type" class="col-sm-2 control-label">类别</label>
					<div class="col-sm-6">
						<select id="type" class="form-control" name="type">
							<option value="动力过程数值计算模拟">动力过程数值计算模拟</option>
							<option value="受纳场滑坡灾害风险定量分析">受纳场滑坡灾害风险定量分析</option>
						</select>
					</div>
				</div>
				<div class="form-group">
					<label for="description" class="col-sm-2 control-label">上传文件</label>
					<div class="col-sm-10">
						<div id="uploadfileQueue"></div>
						<input type="file" class="form-control" id="file_upload"
							name="flash_url" placeholder="上传文件">
					</div>
				</div>
				<div class="form-group">
					<label for="description" class="col-sm-2 control-label">描述</label>
					<div class="col-sm-10">
						<textarea rows="10" class="form-control" id="description"
							name="description" placeholder="描述"></textarea>
					</div>
				</div>
			</div>
		</div>
	</form>
	<script id="container" name="content" type="text/plain"
		style="margin-top: 100px; margin-bottom: 10px"></script>
	<div class="box-footer text-right">
		<!--以下两种方式提交验证,根据所需选择-->
		<button type="button" class="btn btn-default" data-btn-type="cancel"
			onclick="dialog_close()">取消</button>
		<button type="button" class="btn btn-primary" data-btn-type="save"
			onclick="javascript:$('#file_upload').uploadify('upload','*')">提交</button>
	</div>
</div>
<script type="text/javascript">
	var id = "";
	// editor准备好之后才可以使用
	if (Dtable_simulation.rows('.selected').data()[0]) {
		id = Dtable_simulation.rows('.selected').data()[0].id;

		if (id != null && id != "") {
			var url = "../../tbl_damage_simulation/" + id;
			$.ajax({
				url : url,
				type : 'get',
				async : false,
				contentType : "application/json; charset=utf-8",
				dataType : "json",
				success : function(json) {
					console.log(json);
					$("#title").val(json.data.title);
					$("#type").val(json.data.type);
					$("#description").val(json.data.description);
				}
			});
		}
	}

	function saveHtml(fileUrl) {
		var url = "../../tbl_damage_simulation/save";
		var simulation = {};
		simulation.title = $("#title").val();
		simulation.type = $("#type").val();
		simulation.description = $("#description").val();
		simulation.id = id;
		simulation.flash_url = fileUrl;
		var json_data = JSON.stringify(simulation);
		$.ajax({
			url : url,
			type : 'post',
			async : false,
			data : json_data,
			contentType : "application/json; charset=utf-8",
			dataType : "json",
			success : function(json) {
				global.alert(json.message);
				$("#simulation_main").load("simulation/simulation_list.html");
				dialog_close();
			}
		});
	}

	function dialog_close() {
		global.dialog.close()
	}

	$(document).ready(function() {

		$("#file_upload").uploadify(
			{
				//是否自动上传 true or false
				'auto' : false,
				//超时时间上传成功后，将等待服务器的响应时间。
				//在此时间后，若服务器未响应，则默认为成功(因为已经上传,等待服务器的响应) 单位：秒
				'successTimeout' : 99999,
				//附带值 JSON对象数据，将与每个文件一起发送至服务器端。
				//如果为动态值，请在onUploadStart()中使用settings()方法更改该JSON值
				//			'formData':{       //可以不写
				//				'user.username':'',
				//				'user.age':''
				//			},
				'buttonText' : '选择flash',
				'onUploadStart' : function(file) {
					//				setImagePreview();
					//				var name=$('#username').val();
					//				var age=$('#age').val();
					//				$("#file_upload").uploadify(
					//						"settings",
					//						"formData",
					//						{'user.username':name,'user.age':age});
				},
				//Flash
				'swf' : "../../plugins/uploadify/uploadify.swf",
				//文件选择后的容器div的id值
				'queueID' : 'uploadfileQueue',
				//将要上传的文件对象的名称 必须与后台controller中抓取的文件名保持一致
				'fileObjName' : 'flash',
				//上传地址
				'uploader' : '../../tbl_damage_simulation/uploadFlash',
				//浏览将要上传文件按钮的背景图片路径
				//			'buttonImage': '${basePath}/resources/adminlte/plugins/uploadify/background.jpg',
				//浏览按钮的宽度
				'width' : '100',
				//浏览按钮的高度
				'height' : '32',
				//在浏览窗口底部的文件类型下拉菜单中显示的文本
				'fileTypeDesc' : '支持的格式：',
				//允许上传的文件后缀
				'fileTypeExts' : '*.swf',
				/*上传文件的大小限制允许上传文件的最大 大小。 这个值可以是一个数字或字 符串。
				 如果它是一个字符串，它接受一个单位(B, KB, MB, or GB)。
				 默认单位为KB您可以将此值设置为0 ，没有限制,
				 单个文件不允许超过所设置的值 如果超过 onSelectError时间被触发*/
				'fileSizeLimit' : '5000KB',

				//允许上传的文件的最大数量。当达到或超过这个数字，onSelectError事件被触发。
				'queueSizeLimit' : 1,

				//选择上传文件后调用
				'onSelect' : function(file) {
					//				alert("123");
					//				setImagePreview();
				},

				//返回一个错误，选择文件的时候触发
				'onSelectError' : function(file,
						errorCode, errorMsg) {
					switch (errorCode) {
					case -100:
						alert("上传的flash数量已经超出系统限制的"
								+ $('#file_upload')
										.uploadify(
												'settings',
												'queueSizeLimit')
								+ "个文件！");
						break;

					case -110:
						alert("flash ["
								+ file.name
								+ "] 大小超出系统限制的"
								+ $('#file_upload')
										.uploadify(
												'settings',
												'fileSizeLimit')
								+ "大小！");
						break;

					case -120:
						alert("flash [" + file.name + "] 大小异常！");
						break;

					case -130:
						alert("文件 [" + file.name + "] 类型不正确！");
						break;
					}
				},

				//上传到服务器，服务器返回相应信息到data里
				'onUploadSuccess' : function(file, data, response) {
					alert("上传成功");
					var result = JSON.parse(data);
					saveHtml(result.fileUrl);
				},

				//当单个文件上传出错时触发
				'onUploadError' : function(file,
						errorCode, errorMsg,
						errorString) {
					alert("上传失败");
				}
			});
		});
</script>
</html>
